<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript">
	$(function() {
		$('#changeuser_datagrid').datagrid({
			url : '${pageContext.request.contextPath}/userAction!getUserList.action',
			fit : true,
			border : false,
			pagination : true,
			idField : 'id',
			rownumbers : true,
			sortName : 'name',
			sortOrder : 'asc',
			frozenColumns : [ [ {
				field : 'id',
				title : '用户ID',
				width : 50,
				hidden : true
			}, {
				field : 'name',
				title : '用户名',
				width : 100,
				sortable : true
			} ] ],
			columns : [ [ {
				field : 'pwd',
				title : '用户密码',
				width : 300,
				sortable : true
			}, {
				field : 'createdatetime',
				title : '创建时间',
				width : 150,
				sortable : true
			}, {
				field : 'modifydatetime',
				title : '修改时间',
				width : 150,
				sortable : true
			} ] ],
			toolbar : [ {
				text : '添加',
				iconCls : 'icon-add',
				handler : function() {

				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {

				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {

				}
			} ]
		});
	});
	function searchFun() {
		$('#changeuser_datagrid').datagrid('load', serializeObject($('#user_account_form')));
	}

	function clearFun() {
		$('#user_account_search input[name=name]').val('');
		$('#changeuser_datagrid').datagrid('load', '');
	}
</script>
<div id="user_account_search" class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'north',title:'查询条件',split:true" style="height:100px;">
		<form id="user_account_form">
			<input name="name" /> <a href="#" class="easyui-linkbutton" data-option="iconCls:'icon-search',plain:true" onclick="searchFun();">查询</a>
		</form>
	</div>
	<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;">
		<table id="changeuser_datagrid"></table>
	</div>
</div>